@import url("../../../css/public.less");

.Banner {
    background-color: #fff;
    height: 100%;
    overflow-y: scroll;

    // 筛选查询
    .banner-search {
        width: 100%;
        border: 1px solid @bgColor;

        .search-title {
            background-color: @bgColor;
            width: 100%;
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            padding-left: 15px;
            color: #676262;
        }

        // 筛选输入
        .search-input {
            width: 98%;
            padding-left: 15px;
            padding-top: 25px;

            form {
                width: 100%;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                .ant-col {
                    margin-right: 15px;
                }

                .search-btn {
                    width: 100%;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    padding: 0 4% 0 13%;

                    .btn {
                        display: flex;
                        width: 270px;
                    }

                    .reset {
                        margin-right: 50px !important;

                        &:hover {
                            background-color: #409EFF;
                            color: #fff;
                        }
                    }

                    .filter {
                        &:hover {
                            background-color: #66B1FF;
                            color: #fff;
                        }
                    }

                    .ant-form-item-control-input-content {
                        flex: 0;
                    }

                }
            }
        }
    }

    // 表格部分
    .data-list {
        margin-top: 50px;
        border: 1px solid @bgColor;
        padding: 15px 25px 0 25px;
        background-color: @bgColor; // 表格固定高度


        .list-title {
            display: flex;
            justify-content: space-between;

            &>p {
                font-size: 16px;
                color: #676262;
            }

            .list-operation {
                display: flex;
                justify-content: space-around;
                align-items: center;

                .operation-one {
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    margin-right: 15px;

                    &>p {
                        margin-right: 10px;
                        font-size: 14px;
                        color: #676262;
                    }
                }
            }

            margin-bottom: 15px;
        }

        .ant-table {
            height: 325px;
        }
    }

    .ant-btn {
        margin-right: 15px !important;
    }
}